<template>

<div class="header">城市选择
	<router-link to="/">
		<div class="iconfont city-back-icon">&#xe624;</div>
	</router-link>
</div>
	
</template>

<script>
	export default {
		name: 'CityHeader'
	}
</script>

<style lang="stylus" scoped="scoped">
	@import '~styles/varibles.styl'
	.header
	  position: relative;
	  overflow: hidden;
	  height: $HeaderHeight;
	  line-height: $HeaderHeight;
	  text-align: center;
	  font-size: .32rem;
	  background: $bgColor;
	  color: #fff;
		.city-back-icon
		  position: absolute;
		  font-size: .4rem;
		  width: .64rem;
		  top: 0;
		  left: 0;
		  text-align: center;
		  color: #fff;
</style>